@import "~taro-ui/dist/style/index.scss";
@import "./style/index";

// 公用样式
page {
  box-sizing: border-box;
  min-height: 100vh;
  font-family: PingFang SC;
}

//去除滚动条
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

$color-brand: #dd6073;

View {
  box-sizing: border-box;
  font-size: 28px;
}

//主色
.clDd {
  color: #dd6073;
}

//链接色
.cl48 {
  color: #4877fc;
}

//辅助色
.clF0 {
  color: #f0b759;
}

//辅助色
.cl55 {
  color: #55bfc0;
}

//底色
.clF6 {
  color: #f6f7f9;
}

//icon灰色
.clAf {
  color: #afb8c3;
}

//字体黑
.cl05 {
  color: #05091e;
}

.ff {
  color: #fff;
}

//中灰
.cl66 {
  color: #666;
}

//浅灰
.cl9c {
  color: #9ca2aa;
}

.clcb {
  color: #cbcccd;
}

.cl9 {
  color: #999;
}

.cDeepGrey {
  color: #323232;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw550 {
  font-weight: 550;
}

.fw600 {
  font-weight: 600;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 70px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr50 {
  margin-right: 50px;
}

.ml70 {
  margin-left: 70px;
}

.ml40 {
  margin-left: 40px;
}

.ml30 {
  margin-left: 30px;
}

.ml20 {
  margin-left: 20px;
}

.ml10 {
  margin-left: 10px;
}

.buttonCol {
  background: #dd6073;
}

.prestyle {
  width: 280px;
  height: 92px;
  color: #dd6073;
  border-radius: 50px;
  border: 1px solid #dd6073;
}

.buttonStyle {
  width: 640px;
  height: 92px;
  background: #dd6073;
}

.mask {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.5;
}

.tbCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lrCenter {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.rCenter {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.lrBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.textCenter {
  text-align: center;
}

.cBlue {
  color: $color-brand;
}

.cLightBlue {
  color: $color-brand-light;
}

.cRed {
  color: $color-error;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: $font-size-sm;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: $font-size-base;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs36 {
  font-size: $font-size-xl;
}

.fBold {
  font-weight: bold;
}

.rela {
  position: relative;
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* 必须保留，autoprefixer 会自动删除过时元素 */
  /* autoprefixer: off */
}

.btnBg {
  background: #dd6073;
}

.btnCloseBg {
  background: #9ca2aa;
}

.btnFix {
  position: absolute;
  left: 55px;
  bottom: 50px;
}

.hidden {
  display: none;
}

.concentsBorder {
  background: #fff;
  border-radius: 30px 30px 0px 0px;
  box-shadow: 0px -4px 16px rgba(39, 64, 52, 0.06);
  width: 100%;
  height: 100%;
}

//上传图片后的border
.imgBorder {
  width: 300px;
  height: 185px;
  border: 1px solid #dbdcdd;
  border-radius: 7px;
}

// 返回顶部
.goTop {
  width: 72px;
  height: 72px;
  position: fixed;
  bottom: 50px;
  right: 30px;
  color: rgba(0, 0, 0, 0.3);
  background: #ffffff;
  box-shadow: 0 4px 12px 0 #c0c0c0;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;

  .word {
    font-size: 20px;
    color: #323232;
  }

  .icon {
    font-size: 20px;
    color: #323232;
    margin-top: 10px;
  }
}

/**

修改全局AtList默认样式

**/
.at-list__item .item-content__info-title {
  font-size: 32px !important;
  color: #05091e !important;
}

.at-list__item .item-extra__info {
  font-size: 24px !important;
}

.at-list__item .item-extra__icon-arrow {
  font-size: 30px !important;
}

.at-list__item--thumb .item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}

.at-list__item--thumb .item-thumb__info {
  width: 33px !important;
  height: 33px !important;
}

/**

修改全局input默认样式

**/
.at-input {
  padding: 34px 0 !important;
  height: 120px !important;
  margin-left: 18px !important;
}

.at-divider__content {
  font-size: 28px !important;
}

.at-button {
  border: none !important;
}
